<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>城市医院预约平台</title>
    <link rel="stylesheet" href="css/layout2.css"/>
    <link rel="stylesheet" href="css/base3.css"/>
    <link rel="stylesheet" href="css/ui.css"/>
</head>
<body>
<div class="top" id="top">
    <div class="wrap">
        <p class="call">010-114/116114电话预约</p>
        <p class="welcome">欢迎来到城市医院预约挂号统一平台&nbsp;请&nbsp;
            <a href="#">登陆</a>
            <a href="#">注册</a>
            <a href="#">帮助中心</a>
        </p>
    </div>
</div>
<div class="header" id="header">
    <div class="wrap clearfix">
        <a href="#" class="logo"><img src="img/logo.png"></a>
        <div class="search ui-search">
            <div class="ui-search-selected">医院</div>
            <div class="ui-search-select-list" id="ui-search-select-list">
                <a href="#">科室</a>
                <a href="#">疾病</a>
                <a href="#">医院</a>
            </div>
            <input type="text" name="search-content" class="ui-search-input" placeholder="请输入搜索内容">
            <a href="#" class="ui-search-submit">&nbsp;</a>
        </div>
    </div>
</div>
<div class="nav" id="nav">
    <div class="wrap">
        <a href="#" class="link">首页</a>
        <a href="#" class="link">按医院挂号</a>
        <a href="#" class="link">按科室挂号</a>
        <a href="#" class="link">按疾病挂号</a>
        <a href="#" class="link">最新公告</a>
        <a href="#" class="link right">社会知名医院</a>
    </div>
</div>
<div class="main-hospital">
    <div class="main-hospital-top">
        <span class="hospital-name">北京协和医院</span>
        <span class="attention-hospital">关注医院</span>
        <div class="hospital-cate">
            <span class="hospital-cate-item"><span class="hospital-cate-title">等级:</span><span class="hospital-cate-info">三级甲等</span></span>
            <span class="hospital-cate-item"><span class="hospital-cate-title">区域:</span><span class="hospital-cate-info">东城区</span></span>
            <span class="hospital-cate-item"><span class="hospital-cate-title">分类:</span><span class="hospital-cate-info">中国医科院附属医院</span></span>
        </div>
    </div>
    <div class="main-hospital-bottom">
        <img src="img/hospital-1.jpg" class="main-hospital-bottom-left"/>
        <div class="main-hospital-bottom-center">
            <div class="hospital-location"><span class="hospital-icon-location"></span>[东院]北京市东城区帅府园一号[西院]北京市西城区大木仓胡同41号</div>
            <div class="hospital-web"><span class="hospital-icon-web"></span>[东院]北京市东城区帅府园一号[西院]北京市西城区大木仓胡同41号</div>
            <div class="hospital-tel"><span class="hospital-icon-tel"></span>[东院]北京市东城区帅府园一号[西院]北京市西城区大木仓胡同41号</div>
            <div class="hospital-find"><span class="hospital-icon-find"></span>[东院]北京市东城区帅府园一号[西院]北京市西城区大木仓胡同41号</div>
        </div>
        <img src="img/map-1.png" alt="" class="main-hospital-bottom-right">
    </div>
</div>
<div class="content clearfix" id="content">
    <div class="content-title">科室值班表 <span class="content-title-back">返回科室列表</span></div>
    <table class="content-item clearfix" cellpadding="0">
        <tr class="content-line-first">
            <td class="content-item-button" id="content-item-left"><img src="img/icon-scheduling-left.jpg"></td>
            <td>星期日<br/><span class="content-item-date">2017-05-14</span></td>
            <td>星期一<br/><span class="content-item-date">2017-05-15</span></td>
            <td>星期二<br/><span class="content-item-date">2017-05-16</span></td>
            <td>星期三<br/><span class="content-item-date">2017-05-17</span></td>
            <td>星期四<br/><span class="content-item-date">2017-05-18</span></td>
            <td>星期五<br/><span class="content-item-date">2017-05-19</span></td>
            <td>星期六<br/><span class="content-item-date">2017-05-20</span></td>
            <td class="content-item-button" id="content-item-right"><img src="img/icon-scheduling-right.jpg"></td>
            <td rowspan="4">
                <div class="order-rules">
                    <div class="order-rules-title">预约规则 <span class="order-rules-title-add">（更新时间每日8:30更新）</span></div>
                    <div class="order-rules-content">
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                        <div class="order-rules-item"><span class="order-rules-item-title">预约周期：</span><span class="order-rules-item-content">7天</span></div>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>上午</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr class="special">
            <td>下午</td>
            <td>约满</td>
            <td>约满</td>
            <td>约满</td>
            <td>约满</td>
            <td>约满</td>
            <td>约满</td>
            <td>约满</td>
            <td></td>
        </tr>
        <tr>
            <td>晚上</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr class="content-item-date">
            <td colspan="10">您还没有选择就诊日期</td>
        </tr>

    </table>
</div>
<div class="footer">
    Copyright &copy; 2017慕课网版权所有
</div>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/ui2.js"></script>
</body>
</html>